<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		<!-- 引入首页页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/index/index/index.css" />
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentorder/rentorder.css" />
		<!-- 引入页面js -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentorder/rentorder.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
		<div class="rentorder_head">
			<div class="rentorder_head_topone"></div>
			<div class="rentorder_head_toptwo"></div>
			<div class="rentorder_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div class="rentorder_pic">
			
		</div>
		<div class="container">
			<div class="row rentorder_top">
				<div class="col-lg-8 col-md-8 rentorder_top_info row">
					<div class="col-lg-4 col-md-4 rentorder_top_info_pic">
						<img src="" class="rentorder_top_info_pic_posi">
					</div>
					<div class="col-lg-8 col-md-8 rentorder_top_info_detail">
						<div class="rentorder_top_info_detail_title">TitleTitleTitleTitleTitleTitleTitle</div>
						<div class="rentorder_top_info_detail_info row">
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/hezairengshu25.18.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:23px;height:15px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">荷载</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/youhao23.24.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:18px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info_oil" data-toggle="tooltip" data-placement="auto right" 
								title="" data-html="true" data-container="body">油耗</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/biansuqi19.25.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:15px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">自动档</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/ranyou21.25.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:15px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">柴油</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/hezairengshu25.18.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:18px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">C1驾照</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/liangqu25.25.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:18px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">两驱</div>
							</div>
							<div class="col-lg-4 col-md-4 rentorder_top_info_detail_info_item clearfix">
								<div class="rentorder_top_info_detail_info_item_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/chuangwei25.20.jpg" class="rentorder_top_info_detail_info_item_pic_posi" style="width:18px;height:18px">
								</div>
								<div class="rentorder_top_info_detail_info_item_info">床铺</div>
							</div>
							<div class="col-lg-8 col-md-8 rentorder_top_info_detail_info_bedinfo">1.8*1.3m;1.8*1.3m;1.8*1.3m;1.8*1.3m</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 rentorder_top_time row">
					<div class="col-lg-6 col-md-6 rentorder_top_time_left">
						<div class="rentorder_top_time_left_top" style="margin-top:20px">
							<div class="rentorder_top_time_left_top_pic">
								<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/quche.png" class="rentorder_top_time_left_top_pic_posi">
							</div>
							<div class="rentorder_top_time_left_top_pic_word">取车</div>
						</div>
						<div class="rentorder_top_time_left_center">
							<div class="rentorder_top_time_left_center_date">${sessionScope.startDate}</div>
							<div class="rentorder_top_time_left_center_city">${sessionScope.rentcity}</div>
						</div>
						<div class="rentorder_top_time_left_top clearfix">
							<div class="rentorder_top_time_left_top_pic">
								<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/huanche.png" class="rentorder_top_time_left_top_pic_posi">
							</div>
							<div class="rentorder_top_time_left_top_pic_word">还车</div>
						</div>
						<div class="rentorder_top_time_left_center">
							<div class="rentorder_top_time_left_center_date">${sessionScope.endDate}</div>
							<div class="rentorder_top_time_left_center_city">${sessionScope.rentcity}</div>
						</div>
						<input type="hidden" value="${sessionScope.carid}">
					</div>
					<div class="col-lg-6 col-md-6 rentorder_top_time_center">
						<div class="rentorder_top_time_center_count">
							共<text class="rentorder_top_time_center_count_time">2</text>天
							<text class="rentorder_top_time_center_count_time">2</text>小时
							<text class="rentorder_top_time_center_count_time">2</text>分钟
						</div>
					</div>
				</div>
			</div>
			<div class="rentorder_center">
				<div class="row rentorder_center_head">
					<div class="col-lg-12 col-md-12 rentorder_center_head_item">租车人信息</div>
				</div>
				<div class="row rentorder_center_common">
					<div class="col-lg-2 col-md-2"></div>
					<div class="col-lg-2 col-md-2 rentorder_center_common_one">选择常用联系人</div>
					<div class="col-lg-8 col-md-8 rentorder_center_common_two clearfix">
						<div class="rentorder_center_common_two_item"></div>
						<div class="rentorder_center_common_two_item"></div>
					</div>
				</div>
				<div class="rentorder_center_detail">
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start">*</div>
							<div class="rentorder_center_detail_item_one_word">姓名</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="" placeholder="请输入您的姓名" class="rentorder_center_detail_item_two">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three">x请输入正确的姓名</div>
					</div>
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start">*</div>
							<div class="rentorder_center_detail_item_one_word">证件类型</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="身份证" class="rentorder_center_detail_item_two" disabled="true">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three"></div>
					</div>
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start">*</div>
							<div class="rentorder_center_detail_item_one_word">证件号码</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="" placeholder="请输入证件号码" class="rentorder_center_detail_item_two">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three">x请输入正确的证件号码</div>
					</div>
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start">*</div>
							<div class="rentorder_center_detail_item_one_word">手机号码</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="" placeholder="请输入您的手机号码" class="rentorder_center_detail_item_two">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three">x请输入正确的手机号</div>
					</div>
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start"></div>
							<div class="rentorder_center_detail_item_one_word">电子邮箱</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="" placeholder="选填，用于接收订单确认信息" class="rentorder_center_detail_item_two">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three"></div>
					</div>
					<div class="row rentorder_center_detail_item">
						<div class="col-lg-2 col-md-2"></div>
						<div class="col-lg-2 col-md-2 rentorder_center_detail_item_one clearfix">
							<div class="rentorder_center_detail_item_one_start"></div>
							<div class="rentorder_center_detail_item_one_word">订单留言</div>
						</div>
						<div class="col-lg-4 col-md-4">
							<input type="text" value="" placeholder="选填，对本次交易的说明，建议等" class="rentorder_center_detail_item_two">
						</div>
						<div class="col-lg-4 col-md-4 rentorder_center_detail_item_three"></div>
					</div>
				</div>
				<div class="rentorder_center_bottom row">
					<div class="col-lg-1 col-md-1"></div>
					<div class="col-lg-10 col-md-10 rentorder_center_bottom_item">预定成功后，提醒信息会发送至手机</div>
					<div class="col-lg-1 col-md-1"></div>
				</div>
			</div>
			<div class="rentorder_down">
				<div class="row rentorder_down_one">
					<div class="col-lg-12 col-md-12 rentorder_down_one_word">费用明细</div>
					
				</div>
				<div class="rentorder_down_two">
					<div class="row rentorder_down_two_item">
						<div class="col-lg-3 col-md-3 rentorder_down_two_item_one">车辆租金</div>
						<div class="col-lg-7 col-md-7 rentorder_down_two_item_two"></div>
						<div class="col-lg-2 col-md-2 rentorder_down_two_item_three clearfix">
							<div class="rentorder_down_two_item_three_symbol">￥</div>
							<div class="rentorder_down_two_item_three_money"></div>
						</div>
					</div> 
					<div class="row rentorder_down_two_item">
						<div class="col-lg-3 col-md-3 rentorder_down_two_item_one">积分</div>
						<div class="col-lg-3 col-md-3"></div>
						<div class="col-lg-4 col-md-4 rentorder_down_two_item_two">							
							<input type="checkbox" class="rentorder_down_two_item_two_choose" id="useScore"/>							
							<div class="rentorder_down_two_item_two_score">
								<div class="rentorder_down_two_item_two_score_up">使用积分抵用xxxxxxxxx元</div>
								<div class="rentorder_down_two_item_two_score_down">当前积分xxx可用积分xxx</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-2 rentorder_down_two_item_three clearfix">
							<div class="rentorder_down_two_item_three_symbol">-￥</div>
							<div class="rentorder_down_two_item_three_money" id="showscorecount"></div>
						</div>
					</div>
				</div>
				<div class="rentorder_down_three">
					
				</div>
				<div class="rentorder_down_four clearfix">
					<div class="rentorder_down_four_price clearfix">
						<div class="rentorder_down_four_price_word">订单总价</div>
						<div class="rentorder_down_four_price_symbol">￥</div>
						<div class="rentorder_down_four_price_money"></div>
					</div>
					<div class="rentorder_down_four_order">
						<input type="button" class="rentorder_down_four_order_b" value="立即支付"/>
					</div>
					
				</div>
				<div class="rentorder_down_five clearfix">
					<div class="rentorder_down_five_word">点击立即支付，表示您已阅读并同意</div>
					<div class="rentorder_down_five_text">《租车规则和服务条款》</div>
				</div>
			</div>
		</div>
		<div class="rentorder_parameter">
			<div>${sessionScope.rentcity}</div>
			<div>${sessionScope.startDate}</div>
			<div>${sessionScope.endDate}</div>
			<div>${sessionScope.carid}</div>
			<div>${sessionScope.serviceid}</div>
			<div>${sessionScope.starthour}</div>
			<div>${sessionScope.endhour}</div>
			<div>${sessionScope.token}</div>
			<%-- <input type="hidden" value="${sessionScope.rentcity}">
			<input type="hidden" value="${sessionScope.startDate}">
			<input type="hidden" value="${sessionScope.endDate}">
			<input type="hidden" value="${sessionScope.carid}">
			<input type="hidden" value="${sessionScope.serviceid}"> --%>
		</div>
		<div class="rentorder_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="rentorder_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
